@import "index";
nm-module-info {
    >nm-inner {
        display: flex;
        >nm-panel {
            margin-top: 0px;
            &.left {
                width: 200px;
                margin-right: 15px;
                background-color: #fafafa;
                height: fit-content;
                >.info {
                    border: 1px solid #d2d2d2a3;
                    display: flex;
                    flex-direction: column;
                    transition: all .4s;
                    >h1 {
                        font-size: 16px;
                        margin: 0;
                        font-weight: inherit;
                        padding: 18px 15px 15px;
                    }
                    >ul {
                        padding: 0 15px 15px;
                        >li {
                            color: lighten($normal-color, 50%);
                            font-size: 12px;
                            height: 22px;
                            line-height: 22px;
                            >span {
                                color: lighten($normal-color, 20%);
                            }
                        }
                    }
                    &:hover {
                        box-shadow: 0 0 2px 2px #a1a1a13b;
                        border-color: #b3b3b3d5;
                    }
                }
                >ul {
                    >li {
                        border: 1px solid #ddd;
                        border-top: none;
                        >a {
                            color: $normal-color;
                            padding: 0 15px;
                            height: 34px;
                            display: flex;
                            align-items: center;
                            border-left: 1px solid #fafafa;
                            >i {
                                font-size: 16px;
                            }
                            >span {
                                margin: 0 5px;
                            }
                            &:hover {
                                color: $assist-color;
                            }
                        }
                        &:hover {
                            box-shadow: 0 0 2px 2px #a1a1a13b;
                            border-color: #b3b3b3d5;
                        }
                        &.active {
                            border-left-color: $assist-color;
                            >a {
                                color: $assist-color;
                                border-left-color: $assist-color;
                            }
                        }
                    }
                }
            }
            &.right {
                flex: 1;
                height: 100%;
            }
        }
    }
}